<!-- 发送请求Demo -->

<template>
    <div>
        <button @click="getData">从后端获取数据</button>
        <br>
        <input v-model="inputData"/>
        <button @click="postData()">post数据</button>
    </div>
</template>

<script>
    import { getData, postData } from '@/api/apiDemo'

    export default {
        name: "Test",
        data:function(){
            return {
                inputData:""
            }
        },
        methods:{
            getData:function () {
                getData({userId:'123',userPwd:'456'}).then(res=>{
                    alert("获取到后端数据：" + res);
                });
                // 手动指定接口
                // get('/getData').then(res=>{
                //     alert(res);
                // });
            },
            postData:function () {
                // 调用写好的api方法
                postData(this.inputData).then(res=>{
                    alert("后端返回：" + res);
                });
                // 手动指定接口
                // post('/postData', this.inputData).then(res=>{
                //     alert(res);
                // });
            }
        }
    };
</script>

<style scoped>

</style>